Conanan

# BOM

BOM（browser object model）：浏览器对象模型。

# window 🔥

代表浏览器窗口并且保存浏览器的全局对象（直接使用属性、方法，可以不带window）

# 属性

  • 获取其他BOM对象
  • 获取DOM对象
  • opener：返回对创建此窗口的窗口的引用

# 方法

  • alert()

    显示带有一段消息和一个确认按钮的警告框。一般调试还是用**console.log()**

  • confirm()

    带有一段消息以及确认、取消按钮的对话框。返回boolean：window.confirm("确认删除？");

  • prompt()

    显示可提示用户输入的对话框：prompt("输入您的年龄",0);

  • open()

    打开一个新的窗口，并返回此对象：window.open(URL,name,features,replace)，都是可选参数

    当弹窗被浏览器内置工具屏蔽时会返回null，被工具屏蔽会报错

  • close()

    关闭窗口

# location 🔥

表示其链接到的对象的位置（URL）。如果直接打印location，则能获取到当前地址栏的信息

# 属性

- `href`
    
    设置或返回完整的 URL（绝对或相对），随后浏览器会进行跳转
    
    ```js
    location.href="https://www.baidu.com"
    ```

  • search

    设置或返回从?开始的URL（即查询部分）。可用于获取参数🔥

# 方法

  • reload()：重新加载当前文档
  • 其他看文档

# screen 🔥❎

客户端显示屏幕的信息 document.write(screen.width+"*"+screen.height);

# history

包含用户（在浏览器窗口中）访问过的 URL，不是历史记录

# 属性

  • length：返回当前窗口历史列表中的 URL 数量

# 方法

  • back()：加载 history 列表中的前一个 URL
  • forward()：加载 history 列表中的下一个 URL
  • go(number | URL)：加载 history 列表中的某个具体页面。go(-1);、go(1);等同于上述方法，可以传其他值

代表浏览器信息

由于许多属性都是实验性的，且许多属性获取的值不能保证正确性，所以不推荐使用。如：

  • userAgent

    可以判断浏览器类型，不推荐

← jQuery →